<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员登陆界面</title>
    <style>
        body {
            padding: 0;
            margin: 0;
            text-align: center;
            background-color: antiquewhite;
        }

        div[class="container"]{
            /*padding: 20px;*/
            margin: 150px 400px;
            background-color: white;
            height: auto;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        label{
            display: inline-block;
            padding: 3px 0;
            text-align: center;
            width: 100px;
        }

        input[type=text], input[type=password] {
            width: auto;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        button[type=submit] {
            width: 30%;
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

    </style>
<!--    <script>-->
<!--        function jump(){-->
<!--            if (!document.input.name.value){-->
<!--                alert("用户名不能为空");-->
<!--                document.input.name.focus();-->
<!--                return false;-->
<!--            }-->
<!--            if (!document.input.Input_password.value){-->
<!--                alert("密码不能为空");-->
<!--                document.input.Input_password.focus();-->
<!--                return false;-->
<!--            }-->
<!--            window.open('book_list.html');-->
<!--        }-->
<!--    </script>-->
</head>
<body>
    <div class="container">
        <h1>登录页面</h1>
        <form role="form" name="input" action="/login" method="post" th:action="@{/login}">
            <div class="form-group">
                <label for="name">用户名</label>
                <input type="text" class="form-control" id="name"
                       placeholder="请输入用户名" name="username" required>
            </div>
            <div class="form-group">
                <label for="Input_password">密码</label>
                <input type="password" class="form-control" id="Input_password"
                       placeholder="请输入密码" name="password" required>
            </div>
            <div class="checkbox">
                <label>
                    <input type="checkbox">请记住我
                </label>
            </div>
            <button type="submit" class="btn btn-default">登录</button>
        </form>
    </div>
</body>
</html>